<template>
    <!-- 导航 -->
    <div class="nav">
        <div @click="go('home')"><img src="@/assets/home.png" alt="" class="home"></div>
        <div @click="go('dynamic')"><img src="@/assets/treds.png" alt="" class="treds"></div>
        <div @click="go('my')"><img src="@/assets/my.png" alt="" class="my"></div>
    </div>
</template>

<style scoped>
.nav{
    display: flex;
    justify-content: space-around;
    padding: 2% 3%;
    background: #f9f9f9;
}
</style>
<script>
export default {
   methods:{
       go(herf){
           this.$router.push('/'+herf)
       }
   }
}
</script>
